<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Documents - eKoders Responsive Admin Theme</title>
	
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Bootstrap core CSS -->
    <link rel="stylesheet" href="../assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="../assets/css/fonts.css">
	<link rel="stylesheet" href="../assets/font-awesome/css/font-awesome.min.css">
	
	<!-- PAGE LEVEL PLUGINS STYLES -->	

    <!-- Tc core CSS -->
	<link rel="stylesheet" href="../assets/css/themes/style.css">
	
	
    <!-- Add custom CSS here -->

	<!-- End custom CSS here -->
	
    <!--[if lt IE 9]>
    <script src="assets/js/html5shiv.js"></script>
    <script src="assets/js/respond.min.js"></script>
    <![endif]-->
	
  </head>

  <body>
	<div id="wrapper">
		<div id="main-container">		
			<!-- BEGIN TOP NAVIGATION -->
				<nav class="navbar-top" role="navigation">
					<!-- BEGIN BRAND HEADING -->
					<div class="navbar-header">
						<div class="navbar-brand">
							<a href="index.html">
								<img src="../assets/images/logo.png" alt="logo" class="img-responsive">
							</a>
						</div>
					</div>
					<!-- END BRAND HEADING -->
					<div class="nav-top">
						<!-- BEGIN RIGHT SIDE DROPDOWN BUTTONS -->
							<ul class="nav navbar-right">
								<li class="dropdown">
									<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".sidebar-collapse">
										<i class="fa fa-bars"></i>
									</button>
								</li>
							</ul>
						<!-- END RIGHT SIDE DROPDOWN BUTTONS -->
					</div><!-- /.nav-top -->
				</nav><!-- /.navbar-top -->
				<!-- END TOP NAVIGATION -->

				
				<!-- BEGIN SIDE NAVIGATION -->				
				<nav class="navbar-side" role="navigation">
					<div class="navbar-collapse sidebar-collapse collapse">

							<!-- BEGIN SHORTCUT BUTTONS -->
							<div class="media">							
								<ul class="sidebar-shortcuts">
									<li><a class="btn btn-green"><i class="fa fa-user icon-only"></i></a></li>
									<li><a class="btn btn-blue"><i class="fa fa-envelope icon-only"></i></a></li>
									<li><a class="btn btn-red"><i class="fa fa-th icon-only"></i></a></li>
									<li><a class="btn btn-purple"><i class="fa fa-gear icon-only"></i></a></li>
								</ul>	
							</div>
							<!-- END SHORTCUT BUTTONS -->	
							
							<!-- BEGIN FIND MENU ITEM INPUT -->
							<div class="media-search">	
								<input type="text" class="input-menu" id="input-items" placeholder="Find...">
							</div>						
							<!-- END FIND MENU ITEM INPUT -->
							
						<ul id="side" class="nav navbar-nav side-nav">							
							<!-- Navigation category -->
							<li>
								<h4>Documents</h4> 								
							</li>
							<!-- END Navigation category -->

							
							<!-- BEGIN SIDE NAV MENU -->			
							<li>
								<a href="index.html">
									<i class="fa fa-dashboard"></i> Dashboard
								</a>
							</li>
							<li>
								<a class="active" href="features.html">
									<i class="fa fa-star"></i> Features 
								</a>
							</li>
							<li>
								<a href="start.html">
									<i class="fa fa-indent"></i> Let's Start
								</a>
							</li>
							<li>
								<a href="elements-docs.html">
									<i class="fa fa-coffee"></i>  Elements
								</a>
							</li>
							<li>
								<a href="plugins.html">
									<i class="fa fa-tags"></i> Plugins
								</a>
							</li>
							<li>
								<a href="settings.html">
									<i class="fa fa-edit"></i> Settings
								</a>
							</li>
						</ul><!-- /.side-nav -->
					</div><!-- /.navbar-collapse -->
				</nav><!-- /.navbar-side -->
				<!-- END SIDE NAVIGATION -->
				

				<!-- BEGIN MAIN PAGE CONTENT -->
				<div id="page-wrapper">
					<!-- BEGIN PAGE HEADING ROW -->
						<div class="row">
							<div class="col-lg-12">
								<!-- BEGIN BREADCRUMB -->
								<div class="breadcrumbs">
									<ul class="breadcrumb">
										<li>
											<a href="#">Home</a>
										</li>
										<li class="active">Features</li>
									</ul>
								</div>
								<!-- END BREADCRUMB -->	
								
								<div class="page-header">
								<!-- BEGIN PAGE TITLE ROW -->
									<h1>Features <small></small></h1>
								<!-- BEGIN PAGE TITLE ROW -->								
								</div>								
							</div><!-- /.col-lg-12 -->
						</div><!-- /.row -->
					<!-- END PAGE HEADING ROW -->					
						<div class="row inner-wrapper">
							<div class="col-lg-12">
							
					<!-- START YOUR CONTENT HERE -->
								<p>eKoders is a lightweight and feature rich admin template which is clean and easy to use and based on bootsrap 3.x.<br />Current release comes with the following features <i class="fa fa-hand-o-down bigger-110 text-blue"></i> </p>
								
								<div class="space-12"></div>
								
								<div class="row">
									<div class="col-lg-6 col-md-6">
										<ul>
											<li>Pure CSS3 checkbox, radio and On/Off switch elements (not available in IE8)</li>
											<li>Portlets in different colors and styles</li>
											<li>Tiles buttons in different colors and styles</li>
											<li>Responsive jQuery datatable.</li>
											<li>5 Color Styles</li>
										</ul>
									</div>
									<div class="col-lg-6 col-md-6">
										<ul>
											<li>3 additioanl Buttons styles</li>
											<li>Docs type additioanl note.</li>
											<li>Mulit styled tabs.</li>
											<li>Three style accordions.</li>
											<li>Custom layouts</li>
										</ul>
									</div>
								</div>
								
								<div class="space-12"></div>
								
								<div class="note note-info">
									Dropdown, progress bars, jQuery Sliders, buttons, checkboxes, radios, labels, badges, Gritter Notifications, tooltips and text can be used in multi color classes with markup. The example codes are given in further pages.
								</div>
								
								<p>You can add more colors by using variables.less. If you are not familiar with less please share your desired color scheme by mail, I'd be happy to make for you</p>
								
								<div class="space-24"></div>
																
								<div class="page-header">
									<h4><i class="fa fa-hand-o-right bigger-110 text-blue"></i> 34 Third party plugins included:</h4>
								</div>
								<div class="well no-border">
								<div class="row">
									<div class="col-lg-3 col-md-3">
										<ul class="list-unstyled">
											<li><i class="fa fa-check text-success bigger-110"></i> jQuery slimScroll <a href="http://rocha.la/jQuery-slimScroll" target="_blank"><i class="fa fa-external-link bigger-110"></i></a></li>
											<li><i class="fa fa-check text-success bigger-110"></i> Select2 <a href="http://ivaynberg.github.io/select2/" target="_blank"><i class="fa fa-external-link bigger-110"></i></a></li>
											<li><i class="fa fa-check text-success bigger-110"></i> Date Range Picker <a href="https://github.com/dangrossman/bootstrap-daterangepicker" target="_blank"><i class="fa fa-external-link bigger-110"></i></a></li>
											<li> <i class="fa fa-check text-success bigger-110"></i> morris.js <a href="http://www.oesmith.co.uk/morris.js/" target="_blank"><i class="fa fa-external-link bigger-110"></i></a></li>
											<li><i class="fa fa-check text-success bigger-110"></i> EasyPieChart <a href="http://rendro.github.io/easy-pie-chart/" target="_blank"><i class="fa fa-external-link bigger-110"></i></a></li>
											<li><i class="fa fa-check text-success bigger-110"></i> Bootbox.js <a href="http://bootboxjs.com/" target="_blank"><i class="fa fa-external-link bigger-110"></i></a></li>
											<li><i class="fa fa-check text-success bigger-110"></i> OWL Carousel <a href="http://owlgraphic.com/owlcarousel/" target="_blank"><i class="fa fa-external-link bigger-110"></i></a></li>
											<li><i class="fa fa-check text-success bigger-110"></i> Bootstrap Dual Listbox <a href="http://www.virtuosoft.eu/code/bootstrap-duallistbox/" target="_blank"><i class="fa fa-external-link bigger-110"></i></a></li>
										</ul>
										<p>and more to come soon in next releases</p>
									</div>
									<div class="col-lg-3 col-md-3">
										<ul class="list-unstyled">
											<li><i class="fa fa-check text-success bigger-110"></i> Gritter Notifications <a href="http://boedesign.com/blog/2009/07/11/growl-for-jquery-gritter/" target="_blank"><i class="fa fa-external-link bigger-110"></i></a></li>
											<li><i class="fa fa-check text-success bigger-110"></i> FooTables <a href="https://github.com/bradvin/FooTable/" target="_blank"><i class="fa fa-external-link bigger-110"></i></a></li>
											<li><i class="fa fa-check text-success bigger-110"></i> jQuery DataTables <a href="https://datatables.net/" target="_blank"><i class="fa fa-external-link bigger-110"></i></a></li>
											<li><i class="fa fa-check text-success bigger-110"></i> Datatables Responsive <a href="https://github.com/Comanche/datatables-responsive" target="_blank"><i class="fa fa-external-link bigger-110"></i></a></li>
											<li><i class="fa fa-check text-success bigger-110"></i> Bootstrap Select <a href="http://silviomoreto.github.io/bootstrap-select/" target="_blank"><i class="fa fa-external-link bigger-110"></i></a></li>
											<li><i class="fa fa-check text-success bigger-110"></i> Datetime Picker <a href="http://www.malot.fr/bootstrap-datetimepicker/" target="_blank"><i class="fa fa-external-link bigger-110"></i></a></li>
											<li><i class="fa fa-check text-success bigger-110"></i> Flot Charts <a href="http://www.flotcharts.org/" target="_blank"><i class="fa fa-external-link bigger-110"></i></a></li>
											<li><i class="fa fa-check text-success bigger-110"></i> Bootstrap MaxLength <a href="http://mimo84.github.io/bootstrap-maxlength/" target="_blank"><i class="fa fa-external-link bigger-110"></i></a></li>
										</ul>
									</div>
									<div class="col-lg-3 col-md-3">
										<ul class="list-unstyled">
											
											<li><i class="fa fa-check text-success bigger-110"></i> Fuelux <a href="http://exacttarget.github.io/fuelux/" target="_blank"><i class="fa fa-external-link bigger-110"></i></a></li>
											<li><i class="fa fa-check text-success bigger-110"></i> Bootstrap TouchSpin <a href="http://www.virtuosoft.eu/code/bootstrap-touchspin/" target="_blank"><i class="fa fa-external-link bigger-110"></i></a></li>
											<li><i class="fa fa-check text-success bigger-110"></i> Bootstrap Tags Input <a href="http://timschlechter.github.io/bootstrap-tagsinput/examples/bootstrap3/" target="_blank"><i class="fa fa-external-link bigger-110"></i></a></li>
											<li><i class="fa fa-check text-success bigger-110"></i> Bootstrap Form Wizard <a href="https://github.com/VinceG/twitter-bootstrap-wizard" target="_blank"><i class="fa fa-external-link bigger-110"></i></a></li>
											<li><i class="fa fa-check text-success bigger-110"></i> jQuery Sparklines <a href="http://omnipotent.net/jquery.sparkline/" target="_blank"><i class="fa fa-external-link bigger-110"></i></a></li>
											<li><i class="fa fa-check text-success bigger-110"></i> Jvectormap <a href="http://jvectormap.com/" target="_blank"><i class="fa fa-external-link bigger-110"></i></a></li>
											<li><i class="fa fa-check text-success bigger-110"></i> Masked Input <a href="http://digitalbush.com/projects/masked-input-plugin/" target="_blank"><i class="fa fa-external-link bigger-110"></i></a></li>
											<li><i class="fa fa-check text-success bigger-110"></i> Bootstrap-wysihtml5 <a href="https://github.com/jhollingworth/bootstrap-wysihtml5/" target="_blank"><i class="fa fa-external-link bigger-110"></i></a></li>
										</ul>
									</div>
									<div class="col-lg-3 col-md-3">
										<ul class="list-unstyled">										
											<li><i class="fa fa-check text-success bigger-110"></i> Bootstrap Markdown <a href="http://toopay.github.io/bootstrap-markdown/" target="_blank"><i class="fa fa-external-link bigger-110"></i></a></li>
											<li><i class="fa fa-check text-success bigger-110"></i> X-editable <a href="http://vitalets.github.io/x-editable/" target="_blank"><i class="fa fa-external-link bigger-110"></i></a></li>
											<li><i class="fa fa-check text-success bigger-110"></i> Bootstrap DatePicker <a href="http://www.eyecon.ro/bootstrap-datepicker/" target="_blank"><i class="fa fa-external-link bigger-110"></i></a></li>
											<li><i class="fa fa-check text-success bigger-110"></i> PACE <a href="http://github.hubspot.com/pace/docs/welcome/" target="_blank"><i class="fa fa-external-link bigger-110"></i></a></li>
											<li><i class="fa fa-check text-success bigger-110"></i> jQuery Knob <a href="http://anthonyterrien.com/knob/" target="_blank"><i class="fa fa-external-link bigger-110"></i></a></li>
											<li><i class="fa fa-check text-success bigger-110"></i> Nestable <a href="http://github.com/dbushell/Nestable" target="_blank"><i class="fa fa-external-link bigger-110"></i></a></li>
											<li><i class="fa fa-check text-success bigger-110"></i> Bootstrap Wysiwyg <a href="http://github.com/mindmup/bootstrap-wysiwyg" target="_blank"><i class="fa fa-external-link bigger-110"></i></a></li>
										</ul>
									</div>
									
								</div>
								</div>
									
									
								<div class="note note-info">
									<span class="label label-sm label-info arrowed-right">Note</span> Stylings of most third party elements have been modified as per theme.
								</div>
					<!-- END YOUR CONTENT HERE -->
					
							</div>
						</div>
						
					<!-- BEGIN FOOTER CONTENT -->		
						<div class="footer">
							<div class="footer-inner">
								<!-- basics/footer -->
								<div class="footer-content">
									&copy; 2014 eKoders
								</div>
								<!-- /basics/footer -->
							</div>
						</div>
						<button type="button" id="back-to-top" class="btn btn-primary btn-sm back-to-top">
							<i class="fa fa-angle-double-up icon-only bigger-110"></i>
						</button>
					<!-- END FOOTER CONTENT -->
					
				</div><!-- /#page-wrapper -->	  
			<!-- END MAIN PAGE CONTENT -->
		</div>  
	</div> 
	 
    <!-- core JavaScript -->
    <script src="../assets/js/jquery.min.js"></script>
    <script src="../assets/js/bootstrap.min.js"></script>
	<script src="../assets/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
	<script src="../assets/js/plugins/pace/pace.min.js"></script>
	
	<!-- PAGE LEVEL PLUGINS JS -->
	
    <!-- Themes Core Scripts -->	
	<script src="../assets/js/main.js"></script>	
	
	<!-- initial page level scripts for examples -->
  </body>
</html>